<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>膳小厨</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../lib/ydui/js/ydui.flexible.js"></script>
</head>
<body>
<header class="m-navbar">
    <a href="#" class="navbar-item my-nav-item">
        <img src="../images/logo.png" alt="未加载" />
    </a>
    <div class="navbar-center">
        <span class="navbar-title"></span>
    </div>
    <div class="navbar-item my-menu">
        <img src="../images/menu.png" alt="未加载" />
    </div>
</header>
<section>
    <div class="banner">
        <div id="swiBanner" class="swiper-container my-swipers">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div><img src="../images/img1.png" alt="未加载" /></div>
                </div>
                <div class="swiper-slide">
                    <div><img src="../images/img1.png" alt="未加载" /></div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>
<script src="../lib/js/jquery.1.11.3.min.js"></script>
<script src="../lib/ydui/js/ydui.js"></script>
<script src="../lib/swiper/js/swiper.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var swiBanner = new Swiper('#swiBanner', {
            loop: false
        });
    });


</script>